﻿@{
    Layout = null;
    YiSha.Entity.YiDongYuan.DetectionTaskEntity task = ViewBag.task as YiSha.Entity.YiDongYuan.DetectionTaskEntity;
    YiSha.Entity.YiDongYuan.DetectionInfoEntity check = ViewBag.check as YiSha.Entity.YiDongYuan.DetectionInfoEntity;
    YiSha.Entity.YiDongYuan.DetectionResultEntity test = ViewBag.test as YiSha.Entity.YiDongYuan.DetectionResultEntity;
    YiSha.Entity.YiDongYuan.MechanicsEntity mechanics = ViewBag.Mechanics as YiSha.Entity.YiDongYuan.MechanicsEntity;
    string imgHost = "https://jxhfd-api.sxxmlg.cn/File/Show?id=";
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- jQuery -->
    <title>非道路移动柴油机械信息采集卡-@mechanics.HuanBaoCode</title>
    <script src="/lib/jquery/2.1.4/jquery.min.js"></script>
    <!-- Bootstrap -->

    <link href="/lib/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
    <style type="text/css">
        .list-group-item {
            position: relative;
            display: block;
            margin-bottom: -1px;
            background-color: rgb(255, 255, 255);
            padding: 10px 15px;
            border-width: 1px;
            border-style: solid;
            border-color: rgb(221, 221, 221);
            border-image: initial;
        }

            .list-group-item > span {
                float: right;
            }

        .carNo-box {
            margin: 5px;
            height: 70px;
            padding: 2px;
            border: 1px solid #288CE9;
        }

        .carNo {
            background-color: #288CE9;
            text-align: center;
            font-size: 48px;
            color: #fff;
            height: 64px;
            font-family: 宋体;
        }

        .list-group-item span {
            max-width: 200px;
        }

        .hideImg {
            filter: blur(1px);
            -webkit-filter: blur(1px);
            -moz-filter: blur(1px);
            -ms-filter: blur(1px);
            -o-filter: blur(1px);
        }
    </style>
</head>
<body>
    <div style="margin:10px 0;">
        <div class="carNo-box">
            <div class="carNo">
                <span>
                    @mechanics.HuanBaoCode
                </span>
            </div>
        </div>
        <ul class="list-group">
            <li class="list-group-item active">所有人信息</li>
            <li class="list-group-item">车辆所有人 <span>@mechanics.OwnerName </span></li>
            <li class="list-group-item">
                联系电话 <span>
                    @mechanics.OwnerTel
                </span>
            </li>
            <li class="list-group-item">证件照片 <img class="hideImg" src="@imgHost@mechanics.OwnerCard_Pic " /></li>
        </ul>
        <ul class="list-group">
            <li class="list-group-item active">机械信息</li>
            <li class="list-group-item">登记类型 <span>@mechanics.JXDJLX </span></li>
            <li class="list-group-item">机械类别 <span>@mechanics.JXLB </span></li>
            @if (!string.IsNullOrEmpty(mechanics.YYHP))
            {
                <li class="list-group-item">原有号牌 <span>@mechanics.YYHP </span></li>
            }
            <li class="list-group-item">正面照片<img src="@imgHost@mechanics.JX1_pic" /></li>
            <li class="list-group-item">侧面照片 <img src="@imgHost@mechanics.JX2_pic" /></li>
            <li class="list-group-item">背面照片 <img src="@imgHost@mechanics.JX3_pic" /></li>
            <li class="list-group-item">排放阶段 <span>@mechanics.PFJD </span></li>
            <li class="list-group-item">燃料种类 <span>@mechanics.RLLX </span></li>
            @if (!string.IsNullOrEmpty(mechanics.CNHP))
            {
                <li class="list-group-item">场内号牌 <span>@mechanics.CNHP }</span></li>
            }
        </ul>
        <ul class="list-group">
            <li class="list-group-item active">机械铭牌信息</li>
            <li class="list-group-item">机械铭牌照片 <img src="@imgHost@mechanics.JXMP_pic " /></li>
            <li class="list-group-item">机械制造企业 <span>@mechanics.JXZZQY </span></li>
            <li class="list-group-item">机械出厂编码 <span>@mechanics.JXCCBH </span></li>
            <li class="list-group-item">机械出厂年月<span>@mechanics.JXCCRQ </span></li>
            <li class="list-group-item">环保代码照片 <img src="@imgHost@mechanics.JXHBDM_pic " /></li>
            <li class="list-group-item">环保信息公开编号 <span>@mechanics.HBXXGKBH </span></li>
            <li class="list-group-item">机械环保代码 <span>@mechanics.JXHBDM </span></li>
            <li class="list-group-item">型式核准证书 <img src="@imgHost@mechanics.FDJXSHZZS_pic " /></li>
            <li class="list-group-item">型式核准号 <span>@mechanics.FDJXSHZZH </span></li>
            <li class="list-group-item">环保标签照片 <img src="@imgHost@mechanics.HBBQ_pic "></li>

            <li class="list-group-item">其他照片 <img src="@imgHost@mechanics.other_pic "></li>
            <li class="list-group-item">其他号码 <span>@mechanics.other_number </span></li>
        </ul>
        <ul class="list-group">
            <li class="list-group-item active">发动机信息</li>
            <li class="list-group-item">发动机铭牌照片 <img src="@imgHost@mechanics.FDJMP_pic" /></li>
            <li class="list-group-item">发动机编号 <span>@mechanics.FDJBH</span></li>
            <li class="list-group-item">发动机型号 <span>@mechanics.FDJXH</span></li>
            <li class="list-group-item">额定功率 <span>@mechanics.FDJGL</span></li>
            <li class="list-group-item">额定转速 <span>@mechanics.FDJZS</span></li>
            <li class="list-group-item">发动机出厂年月 <span>@mechanics.FDJCCRQ</span></li>
            <li class="list-group-item">发动机制造企业<span>@mechanics.FDJZZQY</span></li>
        </ul>

        @if (check != null)
        {
            <ul class="list-group">
                <li class="list-group-item active">烟度检验检测信息</li>
                <li class="list-group-item">检验依据：GB36886-2018《非道路柴油移动机械排气烟度限制值及测量方法》</li>
                <li class="list-group-item">检验时间 <span>@check.BaseCreateTime</span></li>
                <li class="list-group-item">检验地点 <span>@check.Address </span></li>
                @if (test == null)
                {
                    <li class="list-group-item">没有检测数据</li>
                }
                else
                {
                    <li class="list-group-item">
                        检验方法
                        <span>
                            自由加速法
                        </span>
                    </li>
                    <li class="list-group-item"><b>环境参数</b> </li>
                    <li class="list-group-item">环境温度 <span>@check.Tmp ℃ </span></li>
                    <li class="list-group-item">相对湿度<span>@check.Hum % </span></li>
                    <li class="list-group-item">风向 <span>@check.Wind_Dir  </span></li>
                    <li class="list-group-item">风力<span>@check.Wind_Sc 级 </span></li>
                    <li class="list-group-item"><b>检测数据</b> </li>
                    <li class="list-group-item">
                        三次烟度测量值(m<sup>-1</sup>)
                        <span>
                            @test.k1 -- @test.k2 -- @test.k3
                        </span>
                    </li>
                    <li class="list-group-item">平均值(m<sup>-1</sup>) <span>@test.accavg </span></li>
                    <li class="list-group-item">限值(m<sup>-1</sup>) <span>@test.acclimits.ToString("0.00") </span></li>
                    <li class="list-group-item">超标值(m<sup>-1</sup>) <span>@test.accdiff </span></li>
                    <li class="list-group-item">
                        转速(r/min)
                        <span>
                            @test.Rpm1 -- @test.Rpm2 -- @test.Rpm3
                        </span>
                    </li>
                    <li class="list-group-item">
                        检测结果
                        <span>
                            @(test.testresult=="0"?"合格":"不合格")
                        </span>
                    </li>
                    <li class="list-group-item">
                        禁用区
                        <span>
                            @(check.ResultDPQ==0?"合格":"不合格")
                        </span>
                    </li>
                    <li class="list-group-item">主检 <span>@task.DetectionUserName</span></li>
                    <li class="list-group-item">审核 <span>薛炎妍 </span></li>
                    <li class="list-group-item">批准 <span>相增峰 </span></li>
                }

                @*<li class="list-group-item">信息由山西冠标检验检测技术服务有限公司提供技术支持与服务。咨询电话：15735903660</span></li>*@
            </ul>
        }
    </div>
    <script type="text/javascript">
        $(function () {
            $("img").height('100px');
            $("img").css('max-width', '60%');
            $("img").parent().css('line-height', '100px');
            $("img").parent().css('height', '100px');
            $("img").error(function () {
                $(this).hide();
                $("img").parent().height('');
            });
            //$('img').click(function () {
            //    if (!$(this).hasClass('hideImg')) {
            //        window.open(this.src);
            //    } else {
            //        alert('身份证等敏感信息请在管理后台查看');
            //    }
            //});
            $(".list-group-item span").each(function () {
                //var height=parseFloat();
                if ($(this).height() > 20) {
                    $(this).parent().height($(this).height());

                    //$(this).css("margin-top","-10px");
                }
            });
        })
    </script>
</body>
</html>

